<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>私教预约</title>
    <link rel="icon" href="../img/p7up.png" type="img/x-ico">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/own.css">
    <script src="/js/jQuery-3.6.2.min.js"></script>
    <script src="/js/front/own.js"></script>
    <script src="/js/front/common.js"></script>
</head>

<body>
    <div class="justify-content-center">
        <div>
            <!-- 顶部导航与大图 -->
            <div id="top-two"></div>
            <!-- 私教预约详情 -->
            <div class="own justify-content-center flex-wrap">
                <div>
                    <div class="justify-content-center flex-wrap">
                        <!-- 导航标签 -->
                        <div class="justify-content-start">
                            <img src="../img/p7up.png">
                            <div>网站首页 >> 私教预约</div>
                        </div>
                        <!-- 私人教练 -->
                        <div class="justify-content-center flex-wrap">
                            <div id="teacher" class="item-own justify-content-space-between flex-wrap align-items-center">
                                <div class="justify-content-center flex-wrap">
                                    <img src="../img/2fi2.jpg">
                                    <div>玛丽格特</div>
                                    <div>
                                        二圾健身指导员
                                    </div>
                                </div>
                                <div class="justify-content-center flex-wrap">
                                    <img src="../img/2ady.jpg">
                                    <div>布鲁斯</div>
                                    <div>
                                        二级健身指导员
                                    </div>
                                </div>
                                <div class="justify-content-center flex-wrap">
                                    <img src="../img/0qkj.jpg">
                                    <div>tom</div>
                                    <div>
                                        一级健身指导员
                                    </div>
                                </div>
                                <div class="justify-content-center flex-wrap">
                                    <img src="../img/45rq.jpg">
                                    <div>阿泰</div>
                                    <div>
                                        格斗教练
                                    </div>
                                </div>
                                <div class="justify-content-center flex-wrap">
                                    <img src="../img/ca9a.jpg">
                                    <div>阿龙</div>
                                    <div>
                                        全牌健身教练
                                    </div>
                                </div>
                                <div class="justify-content-center flex-wrap">
                                    <img src="../img/k1nj.jpg">
                                    <div>阿虎</div>
                                    <div>
                                        银牌健身教练
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- form表单 -->
                        <div class="justify-content-center">
                            <div class="justify-content-center">
                                <!-- 图片 -->
                                <div class="align-items-end">
                                    <img src="../img/acfa5605108c3150158055c03e58b035.png">
                                </div>
                                <!-- 表单 -->
                                <div class="form align-items-center">
                                    <div class="justify-content-start flex-wrap">
                                        <div class=" align-items-center flex-wrap">
                                            <div>填表格可在私教带领下免费体验—次!</div>
                                            <div>请仔细填写好下方预约表格,我们的客服人员会在24小时内与您联系，谢谢您的支持与关注!</div>
                                        </div>
                                        <div class="justify-content-start flex-wrap">
                                            <div>
                                                <div>姓名</div>
                                                <input id="userName" type="text">
                                            </div>
                                            <div>
                                                <div>电话</div>
                                                <input id="phone" type="text">
                                            </div>
                                            <div>
                                                <div>邮箱</div>
                                                <input id="email" type="text">
                                            </div>
                                            <div>
                                                <div>内容</div>
                                                <input id="content" type="text">
                                            </div>
                                        </div>
                                        <div class=" align-items-center">
                                            <div onclick="sendContact()">提交</div>
                                        </div>
                                        <div class=" align-items-center">
                                            <div>THANKS</div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <!-- 页脚 -->
            <div id="foot"></div>
        </div>
    </div>
</body>

</html>